@charset "utf-8";
//第三个页面
.th-box{
  width:100%;height:auto;overflow: hidden;position: relative;
  .o-open>li{
    width:400px;height:240px;position: absolute;left:0;top:0;right:0;font-size: 14px;bottom:0;
    margin:auto;border-radius: 4px;background: #fff;box-shadow: 2px 2px 2px #ccc;
    overflow: hidden;
  }
}
.th-top{
  width:100%;height:44px;border-bottom: 1px solid #bebebe;overflow: hidden;
  background: #eceeef;
  li{
    float: right;width:82px;height:34px;text-align: center;
    margin:5px 10px 0 0;line-height: 34px;font-size: 14px;
    color:#fff;background: #d9534f;border-radius: 4px;
    &:hover{
      background: #c9302c;
    }
  }
  li:last-child{
    width:54px;background: #5bc0de;
    &:hover{
      background: #31b0d5;
    }
  }
  li:first-child{margin-right: 16px;}
}
.th-bottom{
  width:100%;
  //表格
  .th-table{
    width:98.4%;height:auto;margin:.8% auto 0;position: relative;
    font-size: 12px;border-collapse:collapse;color:#495056;
    box-sizing: border-box;text-indent: 6px;
    thead tr{
      height:38px;
    }
    .th-tbody{
      font-size: 12px;
      tr{
        height: 34px; color:#495060;
        td{
          color:#495060;
        }
      }
      tr:nth-child(odd){
        background: #f5f5f5;
      }
    }
  }
}
